@charset "UTF-8";
*{box-sizing:border-box}
body{background:black;margin:0;padding:0}
ul,li {padding: 0;margin: 0;}
.fish-list {height: 0;overflow: hidden;}
.rules-btn{width:70px;height:30px;position:fixed;top:0;left:16px}
.myawards-btn{width:75px;height:30px;position:fixed;top:0;right:16px}
.rules-btn img,.myawards-btn img{width:100%;height:100%}
.today-nums{position:fixed;top:6px;left:0;right:0;margin:auto;width:110px;height:24px;line-height:24px;font-size:12px;background-color:#63474e;border-radius:24px;text-align:center;color:#fff}
.today-nums em{font-style:normal;margin:0 3px;}
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:10px;background:rgba(0,0,0,.5)}
.popup-con{position:relative;width:300px;height: 100%; margin: 0 auto;display: flex; align-items: center; justify-content: center; flex-direction: column;}
.popup-hd {position: relative;}
.pop-close{width:45px;height:45px;position:absolute;top:0;right:0;background:url(../img/pop-close.png) no-repeat;background-size:100% 100%}
.popup-bg{display:none;width:100%;vertical-align:top}
.popup-text{width: 100%;background-color:#fff;padding:16px;border-radius:0 0 15px 15px;max-height: 60%;overflow:auto;font-size:14px}
.popup-tip{display:none}
canvas{display:block;background:url(../img/startbg.jpg) no-repeat;background-size:100% 100%}
.readyGo {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;color: #fff;}
.readyGo img{width:75px;height:29px;-webkit-animation:goTada 1s ease infinite;animation:goTada 1s ease infinite}
.readyGo p {display: none;}
.readyGo span {margin: 0 5px;}
@keyframes goTada{0%{opacity:1}
    50%{opacity:0.6}
    100%{opacity:1}
}@-webkit-keyframes goTada{0%{opacity:1}
     50%{opacity:0.6}
     100%{opacity:1}
 }